<template>
	<view class="my-config">
		<view class="config-item" @tap="goPathList">
			<view>地址管理</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>绑定手机号码</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>绑定第三方账号</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>消息推送</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>短信提醒</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>图片显示</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>清除缓存</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>给百年奥莱好评</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>意见反馈</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="config-item">
			<view>关于百年奥莱</view>
			<view class="config-mark"> > </view>
		</view>
		<view class="my-exit" @tap="outLogin">
			退出登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			goPathList(){
				uni.navigateTo({
					url:"/pages/my-path-list/my-path-list"
				})
			},
			outLogin(){
				uni.showToast({
					title:"退出成功",
					icon:"none"
				})
				this.$store.commit('loginOut')
				uni.reLaunch({
					url:"/pages/index/index"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my-config{
		.config-item{
			display: flex;
			justify-content: space-between;
			padding: 20rpx 0 20rpx 20rpx;
			border-bottom: 2rpx solid #ccc;
			.config-mark{
				font-family: '楷体';
				padding-right: 20rpx;
			}
		}
		.my-exit{
			background-color: #49bdfb;
			width: 100%;
			height: 80rpx;
			color: #fff;
			text-align: center;
			line-height: 80rpx;
		}
	}
</style>
